.number-spinner {
	-fx-border-width:0;
	-fx-border-radius:0;
	-fx-border-insets:0;
	-fx-background-radius:0;
	-fx-background-insets:0;
	-fx-background-color:white;
    -fx-skin: "com.stox.client.ui.javafx.widget.skin.NumberSpinnerSkin";
    -fx-padding: 0 0 0 0;
    -fx-cursor: default; /* Override the cursor since the "text" cursor is inherited from text field. But we want the default cursor over the buttons. */
}
.number-spinner Button{
	-fx-border-width:0;
	-fx-border-radius:0;
	-fx-border-insets:0;
	-fx-background-radius:0;
	-fx-background-insets:0;
	-fx-background-color:-fx-darker-gray;
}
.number-spinner VBox{
	-fx-spacing:0;
}
/* A left directed arrow */
.number-spinner .arrow {
    -fx-padding: 3 3.5 3 3.5;
    -fx-shape: "M 100 100 L 300 100 L 200 300 z";
    -fx-background-color: white;
}
.number-spinner .text-field{
	-fx-border-width:0;
	-fx-border-radius:0;
	-fx-border-insets:0;
	-fx-background-radius:0;
	-fx-background-insets:0;
	-fx-background-color:white;
}